iT邦幫忙

2023 iThome 鐵人賽

DAY 24
0

主要介紹 Button、Image、Label 這三個的使用方式。

Button

  • Button 使用控制項在網頁上建立一個按鈕,讓使用者將頁面張貼到伺服器。
  • 控制項會在伺服器程式碼中觸發事件,可以處理以回應回傳。
  1. 原始檔
    https://ithelp.ithome.com.tw/upload/images/20231004/20162273a7xFnMzG0P.jpg

  2. 後置程式碼
    https://ithelp.ithome.com.tw/upload/images/20231004/20162273z0r1tVaoaP.jpg

執行の結果


https://ithelp.ithome.com.tw/upload/images/20231004/20162273hMQ5HKSuP0.jpg

Image

  1. 圖像顯示: Image 控制項用於在 Web 頁面上顯示圖像文件,這些圖像可以是來自本地文件系統、網絡URL或其他資源的圖像。
  2. 圖像屬性: 通過設置 Image 控制項的屬性,可以控制圖像的各個方面,例如ImageUrl 屬性、ImageAlign、寬度和高度等。
屬性 說明
AbsBottom 文字在圖片絕對下方
AbsMiddle 文字在圖片絕對置中
Baseline 圖片貼齊文字基準線
Bottom 圖片貼齊文字下方
Left 圖片在左方
Middle 文字置中
NotSet 未明確設置圖片的對齊方式
Right 圖片在右方
TextTop 圖片上方貼齊文字頂端
Top 圖片貼齊文字上方

https://ithelp.ithome.com.tw/upload/images/20231004/20162273wySnnubg5f.jpg

執行の結果


https://ithelp.ithome.com.tw/upload/images/20231004/20162273RHk0PMnIOU.jpg

Label

  • 使用 Label 控制項,可在Web頁面上顯示文本。
  • Label 控制項通常是靜態的,這意味著用戶不能在其上編輯或輸入文本。它僅用於顯示信息。
  • 可以透過 Text 屬性來使用 Label 控制項,自訂顯示的文字。
  1. 原始檔
    https://ithelp.ithome.com.tw/upload/images/20231004/20162273rMsuaEjU1u.jpg

  2. 後置程式碼
    https://ithelp.ithome.com.tw/upload/images/20231004/20162273ECKFFoxeUs.jpg

執行の結果


https://ithelp.ithome.com.tw/upload/images/20231004/20162273kLcAlnJ6al.jpg

※以上資料如有錯誤請多指教

參考資料

書名:ASP.NET 4.6動態網頁程式設計技術實作:使用C#
Button 類別
Image 類別
Label 類別


上一篇
Day23 - 簡單介紹好玩の屬性
下一篇
Day25 - 表單控制項
系列文
連續30天學習C#和ASP.NET30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言